<!--
- Author:  LiShibin.
- Date:    2017/7/12 0012.
- File:    success.
-->
<template>
  <div class="Web_Box">
    <div class="Topmenu"><i @click="goHome" class="iconfont icon-youjiantou"></i>
      <h1>支付结果</h1>
      <span></span>
    </div>
    <div class="payment_box" style="padding-top: 50px;">
      <i class="iconfont icon-chenggong"></i>
      <h3 style="color: rgba(227, 193, 67, 1);">支付成功</h3>
      <div style="margin-top: 20px;" class="button f-cb">
        <span class="btn1 fl" @click="gotoOrderDetail">查看订单</span>
        <router-link :to="{name: 'home'}">
          <span class="btn1 fr">返回首页</span>
        </router-link>
      </div>
      <!--<footer-tab></footer-tab>-->
    </div>
  </div>

</template>

<script>
  export default{
    data() {
      return {
        id: this.$route.query.id
      }
    },
    methods: {
      gotoOrderDetail() {
        this.$router.push({name: 'order-detail', params: {id: this.id}})
      },
      goHome() {
        this.$router.push({name: 'home'})
      }
    }
  }
</script>

<style>

</style>
